body {
  color: #73879C;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  /*font-size: 13px;*/
  font-weight: 400;
  line-height: 1;
}
a {
  text-decoration: none;
}
/*custom bootstrap*/
.container {
  width: 100%;
  padding: 0;
}

.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
}
/*首页滑动图标样式*/
.swiper-container {
  width: 100%;
  min-height:16em;
  background: #eee;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #eee;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  width: 100%;
  background: #eee;
}

/*底部导航标签样式*/
.navbar {
  background: black;
  color: lightgray;
}

.navbar a {
  color: lightgray;
}

.nav-container, .nav-container .nav {
  height: 60px;
}

.nav-tabs li i, .nav-tabs li span{
  display: inline-block;
  width: 100%;
  text-align: center;
}

.nav-tabs li i {
  font-size: 1.7em;
  line-height: 1.5;
}
.nav-tabs li a {
  padding: 0;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
  background: transparent;
  border-color: transparent;
  color: #fafaff;
  text-shadow: 0 0 1em #fafaff;
}

.nav-tabs li a.active {
  background: transparent;
  border-color: transparent;
  color: #fafaff;
  text-shadow: 0 0 1em #fafaff;
}

.nav-tabs li a.active:hover, .nav-tabs li a.active:focus {
  background: transparent;
  border-color: transparent;
  color: #fafaff;
  text-shadow: 0 0 1em #fafaff;
}

/*商品列表样式*/
.row {
  background: #fafaff;
  padding: 0;
  margin: 0;
}
.row:last-child {
  margin-bottom: 50px;
}
.col-xs-6 {
  padding: 0;
  margin: 0;
}


.x_panel {
  position: relative;
  width: 100%;
  /*padding: 10px 17px;*/
  display: inline-block;
  background: #fff;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease; }

.x_title .filter {
  width: 40%;
  float: right; }

.x_title h3 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.x_title h3 small {
  margin-left: 10px; }

.x_title span {
  color: #BDBDBD; }

/*商品卡片样式*/
.thumbnail {
  border-color: #fafaff;
}
.thumbnail .image-container {
  height: 20em;
  overflow: hidden;
}
.thumbnail .image-container img{
  height: 100%;
  display: block;
  margin: 0 auto;
}
.caption {
  position: relative;
  + vbhu ,.
}
.caption span.title {
  height: 3em;
  text-align: left;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.caption .btn-group {
  position: absolute;
  bottom: 9px;
  right: 1em;
}

.btn-buy {
  color: #fff;
  background-color: #3fbebd;
  border-color: #2cb3be;
}


/*商品分类*/
.category-list, .category-content {
  padding: 0;
}

.category-list {
  border: 1px solid #fafaff;
}

.category-list  .nav .active {
  background-color: #fafaff;
}

.panel-category {
  border-color: #fafaff;
}
.panel-category > .panel-heading {
  color: #333;
  background-color: #fafaff;
  border-color: #fafaff;
}

.category-content .panel-body {
  padding: 0;
}

.category-content .thumbnail {
  margin: 0;
}

.category-content .thumbnail .caption {
  padding: 2px;
}

.category-content .thumbnail .image-container img {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}

.category-content .thumbnail .image-container {
  height: auto;
}
/** 商品分类 **/
.div-all{
  margin-top: 20px;
}
.i_return{
  width:100%;
  height:30px;
  position:fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #000;
  opacity: 0.3;
}
.i_return .return{
  font-size: 15px;
  position: absolute;
  top: 0.6em;
  left:1.5em;
}
.i_return .sort{
  font-size: 15px;
  position: absolute;
  top: 0.6em;
  right:1.5em;
}

/* 商品详情 */
.div_good_info{
  height: auto;
  width: 94%;
  background: #fff;
  padding: 0px 3%;
  border-bottom: 1px solid #e2e2e2;
}
.div_font{
  height: 38px;
  width: 100%;
  border-bottom: 1px dashed #f3f3f3;
  padding: 11px 0px;
  color: #666;
}
.price {/* 价格 */
  height: 40px;
  width: 100%;
  font-size: 18px;
  color: #ff6500;
  line-height: 40px;
}
.price span {
  font-size: 12px;
  color: #999;
}
#Redemption {
  height: 40px;
  width: 100%;
  line-height: 40px;
  border-top: 1px dashed #666;
}
.other {
  display: none;
  border-top: 1px dashed #f3f3f3;
  height: 34px;
  width: 100%;
  line-height: 34px;
  font-size: 14px;
  color: #999;
}
.org{
  color: #FF9A32
}

.good_speci {
  height: 44px;
  width: 94%;
  overflow: hidden;
  background: #fff;
  padding: 0px 3%;
  margin-top: 14px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 44px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.good_info2 {
  height: auto;
  width: 100%;
  background: #fff;
  margin-top: 14px;
}
.good_info2 .menu {
  height: 40px;
  width: 100%;
}

.good_info2 .menu .nav{
  height: 37px;
  width: 25%;
  float: left;
  font-size: 14px;
  text-align: center;
  line-height: 37px;
  border-bottom: 2px solid #e3e3e3;
}
.good_info2 .menu .nav a{
  text-decoration: none;
  color: #666;
}
.good_info2 .menu .nav:active{
  border-color:#ff6500;
}
.navon {
  color: #ff6500;
  height: 37px;
  line-height: 37px;
  border-bottom: 2px solid #ff6500;
}


/* 遮罩 */
.good_choose_layer{height: 100%; width: 100%; background: rgba(0,0,0,0.6); position: fixed; top: 0px; left: 0px; z-index: 9;display:none }
.good_choose{height:auto; width:100%; background:#fff; position:fixed; bottom:0px; left:0px; z-index:10;display:none;}
#times{
  position: absolute;
  top:0;
  right: 0;
}
.good_choose .info {padding-left:10px;position:relative;  height:90px; width:100%; top:-15px;  }
.good_choose .info .left { width:80px;height:80px;  background:#fff;border-radius: 5px;}
.good_choose .info .left img { width:80px;height:80px; padding:1px;border:1px solid #ddd; border-radius: 5px;}
.good_choose .info .right {position:absolute; left:110px; top:20px;}
.good_choose .info .right .price {color:#FF9A32; font-size:14px; line-height:20px; ;height:20px;overflow:hidden}
.good_choose .info .right .stock {color:#999;font-size:12px; line-height:20px; ;height:20px; }
.good_choose .info .right .option {color:#999;font-size:12px; line-height:20px; ;height:20px;overflow: hidden; }
.good_choose .other { position:relative; height:auto;margin-bottom:50px;padding-left:10px; overflow-y:scroll; overflow-x:hidden; margin-top:-15px;  font-size:14px; color:#999;}
.good_choose .other .spec { width:100%;padding:10px 0 5px 0;float:left}
.good_choose .other .spec_items {width:100%;padding:5px 0 5px 0;height:auto;border-bottom:1px solid #e4e4e4;float:left}
.good_choose .other .option { float:left; padding:5px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; margin-right:5px;margin-bottom:5px; font-size:14px; color:#999;}
.good_choose .other .on {background:#FF9A32; border:1px solid #FF9A32; color:#fff}
.good_choose .other .number { float:left; width:100%;padding-top:10px;height:36px}
.good_choose .other .number .label { float:left;width:100px;padding-top:5px;}
.good_choose .other .number .num { border:1px solid #dedede;width:140px;height:34px;float:right;margin-right:10px;}
.good_choose .other .number .num button { width:35px; height:34px; border:none; color:#333; float:left; background: #eee;-webkit-appearance: none;  }
.good_choose .other .number .num button#btn_plus { float:right;}
.good_choose .other .number .num input { width:59px; border-left:1px solid #dedede; border-right:1px solid #dedede; text-align:center; border:none; height:28px;line-height:28px; float:left; -webkit-appearance: none;}
.good_choose .sub {position:fixed; bottom:0px; height:40px; width:100%; background:#FF9A32;  line-height:40px; text-align:center; font-size:18px; color:#fff; }
.good_choose .close { position:absolute; right:10px; top:10px;font-size:24px; color:#666;font-weight:normal;}
.good_choose .disabled { background:#ccc;color:#fff}

